一篇文章提到 class,知道一個 HTML 裡可以有很多的 Class 存在,用來將裡面的元素分類。
而在 HTML 裡,只會有一個 ID,你無法將 ID 裡的值 (Value) 與別的元素共用。
ID 這個屬性,可以適用在各種元素,目的就是希望在所有元素中,可以將某個元素獨立辨識出來。
而 CSS 想要針對某個 id 樣式做變化的話,會使用 # 的符號,並且搭配 {} 符號。
例如
<head>
<style>
#myHeader {
background-color: blue;
color: green;
}
</style>
</head>
<body>
<h1 id="Header">My Header</h1>
</body>
</html>
特別要注意的是 id 的值有英文大小寫不同,就視為不同的值,要特別留意自己當時寫下的大小寫。
另外要記得的是,ID 的值不能填寫數字或是空格,否則會視為無效值,會無法做任何變化的。